a {
  text-decoration: none;
  color: black
}

a:visited {
  color: black
}

body {
  display: inline;
  font-family: Calibri
}

button {
  background: inherit;
  border: none;
  font-family: Calibri;
  font-size: 15px
}

button.form {
  border: 1px solid grey;
  border-radius: 5px;
  background: lightgrey
}

div.content {
  padding: 10px;
  text-align: center;
  margin: auto;
  position: relative;
  z-index: 1;
  min-height: 500px;
  min-width: 400px
}

div.entete {
  padding: 10px;
  border: none;
  text-align: center
}

div.menu {
  padding: 5px 10px;
  background: lightgrey;
  border: none;
  display: flex;
  margin: auto;
  height: 35px;
}

div.menu1 {
  padding: 0px 10px;
  width: 10%;
  min-width: 90px;
  border: none;
  text-align: center
}

div.menu2 {
  display: none;
  background: lightgrey;
  border: none;
  padding-left: 8px;
  font-size: 15px;
  position: relative;
  z-index: 2
}

div.onglets {
  text-align: left
}

div.forms {
  padding: 10px
}

form.connection {
  border: 4px solid #71A2FF;
  border-radius: 25px;
  padding: 35px 0px;
  min-width: 274px
}

span {
  padding: 5px;
}

table {
  border: none;
  font-size: 15px;
  width: 100%
}

table.bandeautitre {
  background: #71A2FF;
  border: 0px solid #71A2FF;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-collapse: collapse;
}

table.title {
  margin-bottom: 5px
}

table.volee {
  border: 1px solid grey;
  background: lightgrey;
  border-collapse: collapse
}

td {
  padding: 5px
}

td.add {
  width: 20px;
  background: green;
  border-top-left-radius: 15px
}

td.close {
  width: 20px;
  background: red;
  border-top-right-radius: 15px
}

td.copro {
  text-align: left
}

td.number {
  text-align: right
}

td.update {
  width: 20px;
  background: yellow;
  border-top-left-radius: 15px
}

/** CSS dev **/
table.saisie td {
  border: 1px solid grey;
}

table.volee td {
  border-style: solid;
  border-color: grey;
  border-width: 1px 2px;
  background-color: white
}

.infobulle {
  position: relative;
  /* les .infobulle deviennent référents */
  cursor: help;
  border: none
}

/* on génère un élément :after lors du survol et du focus :*/

.infobulle:hover::after,
.infobulle:focus::after {
  content: attr(aria-label);
  /* on affiche aria-label */
  position: absolute;
  bottom: -1em;
  left: 50%;
  transform: translateX(-50%);
  /* on centre horizontalement  */
  z-index: 1;
  /* pour s'afficher au dessus des éléments en position relative */
  white-space: nowrap;
  /* on interdit le retour à la ligne */
  background: white
}